{% load comp_filters %}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>Adult Services Distribution</title>
  <META name="description" content="Sydney Adult Services Distribution"></META>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/search.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/general.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/dialog.css" type="text/css" media="all" charset="utf-8"/>
  <link rel="stylesheet" href="/css/{{CSS_ROOT}}/element.css" type="text/css" media="all" charset="utf-8"/>

  <!-- YUI Components --> 
  <script type="text/javascript" charset="utf-8"
          src="http://yui.yahooapis.com/3.2.0/build/yui/yui-min.js">
  </script>

  <script type="text/javascript" src="http://dev.virtualearth.net/mapcontrol/mapcontrol.ashx?v=7.0"></script>
  <!-- need finally make a new js file contain all the info manage script -->	
  <script type="text/javascript" src="/js/mesh.js"></script>
  <script type="text/javascript" src="/js/histogram.js"></script>
  <!-- Project Components -->

  <script type="text/javascript" src="/js/dialog.js"></script>
  <script type="text/javascript" src="/js/ele.js"></script>
  <script type="text/javascript" src="/js/search.js"></script>
  <script type="text/javascript" src="/js/surburb.js"></script>
</head>
<body onload = "document_load()">
  <div class='section' id='page'>
    <div class='brand'>
    <img src="/res/search_logo.png"></img>
    </div>
    <div id="nav-end"></div>
    <div class='nav'>
      <ul>
      <li><a href="unknow">Services</a></li>
      <li><a href="unknow">Ladies</a></li>
      <li><a href="unknow">Legal Service</a></li>
      <li><a href="unknow">Medical Service</a></li>
      <li><a href="unknow">News</a></li>
      </ul>
    </div>
    <form id="search"><!-- Just for convenience, Not very useful -->
    <div id="search-bar">
      {{"AutoComplete"|auto_complete|style:"left:110px;height:40px;padding:0 40 0 0px;width:740px;"|render|safe}}
    </div>
    <div id = "filter-bar">
      <div id = "service-type" class="drop-list">
        <div class="label">
        Service Type
        </div>
        {{"type"|combo|style:"width:140px;float:right;"|addfield:"Brothel"|addfield:"Escort"|render|safe}}
      </div>
      <div id = "nationality" class="drop-list">
        <div class="label">
        Nationality
        </div>
        {{"nationality"|combo|style:"width:140px;float:right;"|addfield:"Caucasion"|addfield:"Asia"|addfield:"European"|addfield:"South American"|addfield:"African"|render|safe}}
      </div>
      <div id = "radius" class="drop-list">
        <div class="label">
        Radius 
        </div>
        {{"radius"|select|style:"width:90px;float:right;"|addfield:"1 km"|addfield:"2 km"|addfield:"5 km"|addfield:"10 km"|addfield:"20 km"|addfield:"50 km"|render|safe}}
      </div>
      <div id = "price-range" class="drop-list">
        <div class="label">
        Price Range
        </div>
        {{"min"|select|style:"width:70px;float:left;"|addfield:"40"|addfield:"60"|addfield:"80"|addfield:"100"|addfield:"120"|render|safe}}
        {{"max"|select|style:"width:70px;float:left;"|addfield:"90"|addfield:"140"|addfield:"190"|addfield:"240"|addfield:"290"|render|safe}}
      </div>
      <a id='search-btn' onclick="PreSearch()"></a>
    </div>
    </form><!-- End of the main form -->
    <div class='foot'>
      <div>
        <ul>
          <li id="contact">Contact 9262 7900 to Advertise Here</li>
          <li id="copyright">Copyright © 2011 Adults Service. All Rights Reserved.</li>
          <li id="email"><a href="mailto:info@adultsservice.com.au" class="mailLink"><img src="/res/search_email.png" alt="info@adultsservice.com.au"></img></a></li>
        </ul>
      </div>
      <div id="footer-end"></div>
      <div class='lane-black'></div>
      <div class='lane-white'></div>
    </div>
  </div>
  <div id='zsk' class='msk'>
  </div>
<!-- Following is just for dialog support -->
<div id='dialog'>
    <div class='dialog'>
    <div class='dialog-hint'>
    </div>
    <div class='dialog-content'>
    </div>
    <div class='button-lane'>
      <input type='button' value='ok' onclick='zoyoe.ui.SubmitForm();'></input>
      <input type='button' value='cancel' onclick='zoyoe.ui.HideDialog();'></input>
    </div>
  </div>
</div>
<!-- End dialog Support -->
</body>
</html>
